<template>
  <van-skeleton title avatar :row="3" :loading="loading" v-for="blog in blogList">
    <van-card
        :desc="blog.content"
        :title="blog.title"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
    >
      <template #footer>
        <van-button size="small" @click="toBlogDetail(blog.id)">详情</van-button>
      </template>
    </van-card>
  </van-skeleton>
</template>

<script setup lang="ts">
import {useRouter} from "vue-router";
import {BlogType} from "../model/blog";
interface UserCardListProps{
  blogList:BlogType[];
  loading:true;
  isShowButton:false;
}
const router = useRouter();
const props = defineProps<UserCardListProps>()
const toBlogDetail = (id:number) => {

}
</script>

<style scoped>

</style>
